<?php
    require_once '../rutas.php';
    require_once DB;
    require_once CLASES.'/user.php';
    require_once CLASES.'/model.php';
    require_once '../functions.php';
    session_start();
    
    abrirConexion();
    if(comprobarSession($_SESSION['username'], $_SESSION['password']))
    {
        $user=new User();
        $user=$_SESSION['user'];
        cerrarConexion();
        comprobarRol();
    }else
    {
        cerrarConexion();
        header("location:login.php");
    }
    
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>EVALUADOR :: CATEGORIAS ::</title>
            
            <link href="../css/login.css" type="text/css" rel="stylesheet">
            <link href="../css/estilo.css" type="text/css" rel="stylesheet">
            <link href="../css/jquery-ui-1.8.css" type="text/css" rel="stylesheet">
            <link href="../css/colorbox.css" type="text/css" rel="stylesheet">
            <script src="../js/jquery/jquery-1.5.2.min.js"></script>
            <script src="../js/jquery/jquery-validate/jquery.validate.js"></script>
            <script src="../js/jquery/colorbox.js"></script>

        <script type="text/javascript">
            
            $().ready(function(){
                
                $.post("../requets/prueba/ajaxGetCategorias.php", null, function(r){
                     $("#tabla-categorias").append(r);
                });

                $("a[name='ncategoria']").colorbox({href:"ncategoria.php",transition:'fade', speed:300,width:"795px", height:"340px",onComplete:function(){

                     $('#btnRegistrar').click(function(){

                        $("#txtCategoria").rules("add", {
                            required: true,
                            messages: {
                                required: "<br>Este campo es requerido"
                            }
                        });

                        if($('#frmNCategoria').validate().element("#txtCategoria")){

                            $.post("../requets/prueba/ajaxRegistrarCategoria.php", $('#frmNCategoria').serialize(),function(r){
                                    alert("Registrado satisfactoriamente");
                                    $.colorbox.close();
                                    document.location=document.location;

                            });

                        }

                     });


                     $('#frmNCategoria').validate({errorPlacement: function(error, element) {
                            error.appendTo(element.parent());

                        }});

                }});

                $("a[name='eliminar']").live("click",function(){
                    id=$(this).attr("id");
                    $.post("../requets/prueba/ajaxEliminarCategoria.php", {id:id},function(r){
                                    alert("Registrado satisfactoriamente");
                                    $.colorbox.close();
                                    document.location=document.location;

                            });


                });

                
            });
        </script>
    </head>
    <body>
        <form id="frmPrueba">
            <div id="main">
                <div class="fl membrete">
                        <img src="../img/banner.png">
                  </div>
                <br>
                  <?php require_once HEADER ?>
                <div class="contenido fl">
                    
                    <div class="mar20"><br>

                        <div class="titulo">CATEGORIAS</div><br>
                        <a name="ncategoria">Registrar nueva categoría</a><br><br>
                        <table id="tabla-categorias" class="table-format table-bordes" cellspacing="0" width="950px">
                            <tr>
                                <th >ID</th>
                                <th >Nombre</th>
                                <th >Acciones</th>
                            </tr> 
                        </table><br><br>
                         
                    </div>
                </div>
                <div class="copyRight basicFont fl">
                        <div class="mar4">Sistema elaborado por la unidad de desarrollo del Instituto Geográfico de Venezuela Simón Bolívar</div>
                    </div>
            </div>
        </form>
    </body>
</html>
